{literal}
<script type="text/javascript">
    $(document).ready(function(){

		var cod = "{/literal}{$proposta->id}{literal}";

        $("#salva_envia").click(function() {
			document.form_proposta.salva_envia_email.value = true;
        });
        
        $("#form_proposta").validate({
            rules: {
                nome: { required: true },
                responsavel: { required: true },
                plano: { required: true},
                email: { 
                	required: true,
                	email: true
                },
                fone1: { required: true},
                data_solicitacao: { required: true},
                data_proximo_contato: { required: true},
                valor: { required: false, maxlength: " 5 &eacute; o n&uacute;mero m&aacute;ximo de d&iacute;gitos aceitos para o desconto"}
            },
            messages: {
            	nome: {required: "Obrigatorio"},
                responsavel: {required: "Obrigatorio"},
                plano: {required: "Obrigatorio"},
                email: { 
                	required: "Obrigatorio",
                	email: "E-mail invalido"
                },
                fone1: {required: "Obrigatorio"},
                data_solicitacao: {required: "Obrigatorio"},
                data_proximo_contato: {required: "Obrigatorio"},
                desconto: {maxlength: " 5 &eacute; o n&uacute;mero m&aacute;ximo de d&iacute;gitos aceitos para o desconto"}
            },
            submitHandler: function(form) {
            	$("#valor_total").attr("disabled",false);
            	jqAjaxForm(form, 'div_mensagem');
			}
        });

        populaSelect("plano", "{/literal}{$_site.url}{literal}", "plano/select-plano?cod={/literal}{$proposta->plano_id}{literal}");

        populaSelect("tipoindicacao", "{/literal}{$_site.url}{literal}", "tipo-indicacao/select-tipo-indicacao?cod={/literal}{$indicacao->tipoindicacao_id}{literal}");

        populaSelect("modelo_proposta", "{/literal}{$_site.url}{literal}", "modelo-documento/select-modelo-documento?cod=1");

        $("#valor_total").priceFormat();
        $("#desconto").priceFormat();
        
		$("#data_solicitacao").mask("99/99/9999");
		$("#data_proximo_contato").mask("99/99/9999");
		$("#fone1").mask("(99)9999-9999");
		$("#fone2").mask("(99)9999-9999");

        $("#link_gerar_pdf").click(function() {
            if($("#modelo_proposta").val()!=""){
            	$("#msgModeloObrigatorio").html('');
            	window.location="proposta/gerar-pdf?codigo={/literal}{$proposta->id}{literal}&email_proposta={/literal}{$proposta->vhr_email}{literal}&modelo_proposta="+$("#modelo_proposta").val();
            }else{
				$("#msgModeloObrigatorio").html('<font color="red" class="brod"><b><i>Obrigatorio</i></b></font>');
            }
        });
		
    }); //fecha $(
    
    function habilitaCampoIndicador(){
    	$('#caixa_de_indicacoes').hide();
        if($("#tipoindicacao").val() == ""){
           $("#indicacao").attr("disabled",true);
           $("#indicacao").val("escolha um tipo de indicacao");
        }else{
        	$("#indicacao").attr("disabled",true);
        }
    }
    
    setTimeout("habilitaCampoIndicador();", 2000);

    $("#nome").attr("readonly",true);
    $("#responsavel").attr("readonly",true);
    $("#plano").attr("disabled",true);
    $("#email").attr("readonly",true);
    $("#fone1").attr("disabled",true);
    $("#fone2").attr("disabled",true);
    $("#data_solicitacao").attr("disabled",true);
    $("#data_proximo_contato").attr("disabled",true);
    $("#desconto").attr("disabled",true);
    $("#valor_total").attr("disabled", true);
    $("#valor_final").attr("disabled", true);
    $("#tipoindicacao").attr("disabled", true);
    
    function baixarPdf(codigo,email)
    {
		document.form_proposta.email_proposta.value = email;
		document.form_proposta.action = "proposta/enviar-email";
		document.form_proposta.codigo.value = codigo;
		document.form_proposta.acao.value = "enviar-email";
		jqAjaxForm(document.form_proposta, "div_mensagem");
    }
</script>
{/literal}
<form id="form_proposta" name="form_proposta" method="post" action="#">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="mvTituloFundo">
  <tr>
	<td>
	Detalhar Proposta
	<input type="hidden" name="codigo" id="codigo" value=""/>
	<input type="hidden" name="acao" id="acao" value=""/>
	<input type="hidden" name="email_proposta" id="email_proposta" value=""/>
	</td>
  </tr>
</table>
    	<table width="100%" border="0" cellspacing="0" cellpadding="0">        
          <tr>
            <td class="contForm">
            
            	<table width="100%" border="0" cellspacing="3" cellpadding="0" class="bgDestaque terra">
            		<tr>
						<td width='100%' colspan="4" valign='top' align="center" class='bold bg_mercurio terra paddingTotal5 bordaFormResp'>DADOS DA PROPOSTA</td>
					</tr>
					<tr>
						<td width="5%" class="bg_mercurio bordaFormResp">Nome do cliente:</td>
						<td width="45%"  colspan="2"><b>{$proposta->vhr_nome}</b></td>
					</tr>
					<tr>
						<td width="5%" class="bg_mercurio bordaFormResp">Respons&aacute;vel:</td>
						<td width="45%"><b>{$proposta->vhr_responsavel}</b></td>
						<td width="5%" class="bg_mercurio bordaFormResp" nowrap="nowrap">E-mail:</td>
						<td width="45%"><b>{$proposta->vhr_email}</b></td>
					</tr>
					<tr>
						<td width="5%" class="bg_mercurio bordaFormResp">Fone 01:</td>
						<td width="45%"><b>{$proposta->vhr_fone1|aplicaMascara:"(99)9999-9999"}</b></td>
						<td width="5%" class="bg_mercurio bordaFormResp" nowrap="nowrap">Fone 02:</td>
						<td width="45%"><b>{$proposta->vhr_fone2|aplicaMascara:"(99)9999-9999"}</b></td>
					</tr>
					<tr>
						<td width="5%" class="bg_mercurio bordaFormResp" nowrap="nowrap">Dt. de solicita&ccedil;&atilde;o:</td>
						<td width="45%"><b>{$proposta->dte_solicitacao|date_format:"%d/%m/%Y"}</b></td>
						<td width="5%" class="bg_mercurio bordaFormResp" nowrap="nowrap">Dt. pr&oacute;ximo contato:</td>
						<td width="45%"><b>{$atividade->dte_data|date_format:"%d/%m/%Y"}</b></td>
					</tr>
					<tr>
						<td width="5%" class="bg_mercurio bordaFormResp" nowrap="nowrap">Tipo Indica&ccedil;&atilde;o:</td>
						<td width="45%"><b><select id="tipoindicacao" name="tipoindicacao"></select></b></td>
						<td width="5%" class="bg_mercurio bordaFormResp" nowrap="nowrap">Indicador:</td>
						<td width="45%"><b>{$indicacao->vhr_nome}</b></td>
					</tr>
					<tr>
						<td width="5%" class="bg_mercurio bordaFormResp" nowrap="nowrap">Arquivo da proposta (PDF):</td>
						<td width="45%"><a href="#tlt" id="link_gerar_pdf"><span class="msgNaoLida bold">[clique aqui para baixar o arquivo]</span></a></td>
						<td width="5%" class="bg_mercurio bordaFormResp" nowrap="nowrap">Modelo do documento:</td>
						<td width="45%"><select id="modelo_proposta" name="modelo_proposta"></select><span id="msgModeloObrigatorio"></td>
					</tr>
                	<tr>
			       		<td class="bordaFormResp" colspan="4">
			             <fieldset>
					       <legend><b>PLANO</b></legend>
					       <table width="100%" border="0" cellspacing="0" cellpadding="0">                
			               <tr>
			               	 <td class="contForm">
			               	 	<table width="100%" border="0" cellspacing="3" cellpadding="0" id="div_proposta_servico">
			               	 		<tr>
										<td width='45%' valign='top' class='fundoTituloForm'>Plano</td>
										<td width='45%' valign='top' class='fundoTituloForm'>Valor</td>
									</tr>
									<tr>
										<td class='bordaFormResp'><select id="plano" name="plano"></select></td>
										<td class='bordaFormResp'><input type='text' class='formulario tamanhoForm' name="valor_plano" id="valor_plano" maxlength='11' value="{$proposta->flt_valor_plano}" readonly="readonly"></td>
									</tr>
			               	 	</table>
			               	 </td>
			               </tr>
			             </table>
				       </fieldset>
					</td>
			    </tr>
                <tr>
			       <td class="bordaFormResp" colspan="4">
			             <fieldset>
					       <legend><b>SERVI&Ccedil;OS</b></legend>
					       <table width="100%" border="0" cellspacing="0" cellpadding="0">                
			               <tr>
			               	 <td class="contForm">
			               	 	<table width="100%" border="0" cellspacing="3" cellpadding="0" id="div_proposta_servico">
			               	 		<tr>
										<td width='45%' valign='top' class='fundoTituloForm'>Servi&ccedil;o</td>
										<td width='45%' valign='top' class='fundoTituloForm'>Valor</td>
									</tr>
			               	 		{foreach name=lista from=$servicos item=servico key=k}
				               	 		{literal}
	 			               	 		<script>
	 			               	 			populaSelect("tipo_servico{/literal}{$k}{literal}", "{/literal}{$_site.url}{literal}", "servico/select-servico?cod={/literal}{$servico->servico_id}{literal}&cod_plano={/literal}{$proposta->plano_id}{literal}");
	 			               	 			$("#tipo_servico{/literal}{$k}{literal}").attr("disabled",true);
	 			               	 		</script>
				               	 		{/literal}
										<tr>
											<td class='bordaFormResp'><select id="tipo_servico{$k}"  name="tipo_servico{$k}" class='formulario'></select></td>
											<td class='bordaFormResp'><input type='text' class='formulario tamanhoForm' name="valor{$k}" id="valor{$k}" maxlength='11' value="{$servico->flt_valor_servico}" readonly="readonly"></td>
										</tr>
      								{/foreach}
			               	 	</table>
			               	 </td>
			               </tr>
			             </table>
				       </fieldset>
					</td>
			    </tr>
                <tr>
                  <td colspan="4" valign="top" align="right" class="fundoTituloForm beta bold terra">
                 	Desconto (em %): <input id="desconto" name="desconto" size="10" type="text" class="" maxlength="6" value="{$proposta->flt_desconto}" /> 
                  </td>
                </tr>
                <tr>
                  <td colspan="4" valign="top" align="right" class="fundoTituloForm zeta bold terra">
                  <input type="hidden" name="valor_plano" id="valor_plano"></input>
                  Valor total: <input type="text" size="10" name="valor_total" id="valor_total" class="gama bold terra" value="{$proposta->flt_valor_total}"> 
                  </td>
                </tr>
                <tr>
                  <td colspan="4" valign="top" align="right" class="fundoTituloForm zeta bold terra">
                  Valor Final: <input type="text" size="10" name="valor_final" id="valor_final" class="gama bold terra" value="{$proposta->flt_valor_total-$proposta->flt_valor_total*$proposta->flt_desconto/100}"> 
                  </td>
                </tr>
                <tr>
                   <td width="5%" class="bg_mercurio bordaFormResp">Observa&ccedil;&otilde;es:</td>
                   <td colspan="3" width="70%" class="bordaFormResp">{$proposta->vhr_observacoes}</td>
                 </tr>
            </table>
            
            </td>
          </tr>
        </table>	
    </form>
